<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <script language="JavaScript">
        if (window != top)
            top.location.href = location.href;
    </script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>LOR</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap Core CSS -->
    <link th:href="@{/vendor/bootstrap/css/bootstrap.min.css}" href="../static/vendor/bootstrap/css/bootstrap.min.css"
          rel="stylesheet">

    <!-- MetisMenu CSS -->
    <link th:href="@{/vendor/metisMenu/metisMenu.min.css}" rel="stylesheet">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">

    <!-- Custom CSS -->
    <link th:href="@{/dist/css/sb-admin-2.css}" rel="stylesheet">

    <!-- Custom Fonts -->
    <link th:href="@{/vendor/font-awesome/css/font-awesome.min.css}" rel="stylesheet" type="text/css">


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <!-- jQuery -->
    <script src="/vendor/jquery/jquery.min.js"></script>
    <script src="/vendor/bootstrap/js/bootstrap.min.js"></script>
    <script src="/vendor/metisMenu/metisMenu.min.js"></script>
    <script src="/dist/js/sb-admin-2.js"></script>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

    <style>

        .login_div_out {
            position: absolute;
            left: 50%;
            top: 50%;
        }

        .login_div_in {
            width: 400px;
            height: 200px;
            margin-left: -200px;
            margin-top: -110px;
        }

        /*#login {*/
            /*position: relative;*/
            /*top: 50%;*/
            /*transform: translateY(-50%);*/
        /*}*/


    </style>

</head>
<body class="hold-transition login-page">
<div class="login-box">
    <div class="login-logo">
        <!--<a th:href="@{/login}"><b>CSV</b>Platform</a>-->
    </div>
    <!-- /.login-logo -->
    <div class="login-box-body login_div_out">


        <div class="container login_div_in">
            <div class="row">
                <form th:action="@{/login}" th:object="${employee_entity}" method="post" onSubmit="return check()">
                    <div id="login">
                        <p class="login-box-msg">融资租赁管理登录</p>
                        <div class="form-group has-feedback">
                            <input name="userid" id="userid" type="text" th:field="*{username}" class="form-control"
                                   placeholder="User">
                            <span class="glyphicon glyphicon-user form-control-feedback"></span>
                        </div>
                        <div class="form-group has-feedback">
                            <input name="password" id="password" type="password" th:field="*{passwrd}"
                                   class="form-control"
                                   placeholder="Password">
                            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                        </div>
                        <div class="row">
                            <div class="col-xs-12">
                                <button type="submit" class="btn btn-primary btn-block btn-flat"
                                        style="margin-bottom:10px">Sign
                                    In
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <!-- /.login-box -->


        <script>
            //    $(function () {
            //     $('input').iCheck({
            //     checkboxClass: 'icheckbox_square-blue',
            //     radioClass: 'iradio_square-blue',
            //     increaseArea: '20%' // optional
            //     });
            //    });

            function check() {
                if ($('#userid').val() == "") {
                    alert("user id can not be empty");
                    $('#userid').focus();
                    return false;
                }
                if ($('#password').val() == "") {
                    alert("password can not be empty");
                    $('#password').focus();
                    return false;
                }
                return true;
            }
        </script>
</body>
</html>
